<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加请假记录</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <link rel="stylesheet" href="../js/libs/sui/sm.min.css">
    <link rel="stylesheet" href="../js/libs/sui/swiper.min.css">
    <!--<link rel="stylesheet" href="../js/libs/sui/sm-extend.min.css">-->
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../less/main.css"/>

    <script type="text/javascript" src='../js/libs/jquery-3.1.0.min.js' charset='utf-8'></script>
    <script type="text/javascript">
        var Zepto = jQuery;
    </script>
    <script type="text/javascript" src='../js/libs/sui/sm.min.js' charset='utf-8'></script>
    <script type="text/javascript" src='../js/libs/sui/swiper.min.js' charset='utf-8'></script>
    <!--<script type="text/javascript" src='../js/libs/sui/sm-extend.min.js' charset='utf-8'></script>-->
    <script type="text/javascript" src="../js/libs/juicer-min.js"></script>
    <script type="text/javascript" src="../js/libs/jquery.md5.js"></script>
    <script type="text/javascript" src="../js/api.js"></script>
    <script type="text/javascript" src="../js/utils.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
</head>
<body>
<div class="content bg-default add-leave">
    <div class="head-no-toolbar bg-self-green no-left-icon">
        <i class="icon iconfont c-white p-l" onclick="javascript:closeWin();">&#xe625;<span>|</span></i>
        <span class="c-white t-center">添加请假记录</span>
    </div>
    <div class="list-block">
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label select-title">请假类型 <span class="c-red">*</span></div>
                        <div class="item-input c-gray">
                            <select>
                                <option>请选择</option>
                                <option>事假</option>
                                <option>病假</option>
                                <option>婚假</option>
                                <option>产假</option>
                                <option>其他</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label select-title">开始时间 <span class="c-red">*</span></div>
                        <div class="item-input c-gray">
                            <input type="text" id="my-input" data-toggle='date' />
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label select-title">结束时间 <span class="c-red">*</span></div>
                        <div class="item-input c-gray">
                            <input type="text" id="my-input1" data-toggle='date' />
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label select-title">请假天数 <span class="c-red">*</span></div>
                        <div class="item-input c-gray">
                            <input type="number" placeholder="请输入请假天数">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul>
            <li class="align-top">
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">请假事由 <span class="c-red">*</span></div>
                        <div class="item-input">
                            <textarea placeholder="请输入请假事由"></textarea>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!--提交按钮-->
    <div class="botm-btn t-center">
        <a class="c-white">提交</a>
    </div>
</div>
<script>
    var myDate = new Date();
    //开始时间
    $("#my-input").calendar({
        value: [myDate]
    });
    //结束时间
    $("#my-input1").calendar({
        value: [myDate]
    });
</script>
</body>
</html>